@import "../../sass/base.scss";

.tree-edit-wrap {
  position: relative;
  ::ng-deep .ant-tree li {
    span.ant-tree-switcher,
    .ant-tree li span.ant-tree-iconEle {
      vertical-align: 57%;
      // height: 40px;
      // line-height: 41px;
    }
  }
  .custom-node {
    display: inline-block;
    vertical-align: 40%;
    line-height: 40px;
    padding-right: 30px;
    position: relative;
    width: 100%;

    cursor: pointer;
    .folder-tools {
      position: absolute;
      right: 100px;
      top: 0px;
      font-size: 16px;
      transition: all 0.3s ease;
      opacity: 0;
      i {
        color: #999999;
        font-size: 18px;
      }
      i:hover {
        color: #419fe8;
      }
    }

    &:hover,
    &:active,
    &:focus,
    &.active {
      background: #e6fffc;
      .folder-tools {
        opacity: 1;
      }
    }
  }
  .custom-node:hover{
    background: #e6fffc
  }
}
